/*css reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    /* vertical-align: baseline; */
}
:focus {
    outline: 0;
}
table {
    border-spacing: 0;
} caption, th, td {
      text-align: left;
      font-weight: normal;
  }
a img, iframe {
    border: none;
}
ol, ul {
    list-style: none;
}
input, textarea, select, button {
    font-size: 100%;
    font-family: inherit;
}
select {
    margin: inherit;
}
/* Fixes incorrect placement of numbers in ol’s in IE6/7 */
ol { margin-left:2em; }
/* == clearfix == */
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
*{box-sizing: border-box;transition: all ease .3s;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}
input{
    -moz-appearance:textfield;
}

/* common */
body,html{height: 100%;position: relative;font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}
#app{height: 100%;}
.wrapper{width: 1200px;margin: auto;}
.icon {
    width: 18px;
    height:18px;
    fill: currentColor;
    overflow: hidden;
    margin: 5px;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #ccc;}
.fr{float: right;}
.fl{float: left;}
a{text-decoration: none;}
.el-button--success{border-radius:2px;border: 0;}
.el-button--success span{color: #1A1A1A;}

.el-button{border-radius:2px;}
.el-button--primary span{color: #FFE127;}
.mainContainer{
    background:rgba(255,255,255,1);
    box-shadow:0px 4px 8px 0px rgba(0,0,0,0.05);
    border-radius:6px;padding:15px 30px;;
}
.el-main{background: #F5F5F5;}
.page-body{min-height: 100%;}
.m-t20{margin-top: 20px;}
.text-danger{color: #F9403A;}
.table-add-btn{padding: 11px 20px;margin-top: 15px;}
.table-add-row{margin-top: 15px;margin-right: 10px;}
.page-form-btn{padding: 40px 0;text-align: center;}
.page-form-btn button{min-width: 150px;}
.value-input{display: inline-block;width: 100px;}

.el-message--success{background: #effbed;border-color: #c9d4c6;}
.el-message .el-icon-success{color: #75bf4e;}
.el-message--success .el-message__content{color: #96af87;}

button .iconfont{margin-right: 5px;}

/* login */
.login-page{
    background:linear-gradient(268deg,rgba(52,50,41,1) 0%,rgba(35,32,16,1) 100%);
    min-height: 100%;
}
.login-page .wrapper{width: 75%;}
.login-page .login-img img{width: 80%;}
.login-logo{padding: 30px;}
.login-form{
    width:80%;
    height:470px;
    background:rgba(255,255,255,1);
    box-shadow:0px 6px 30px 0px rgba(0,0,0,1);
    border-radius:12px;
    padding:15px 30px;
    float:right;
}
.login-form h1{
    text-align: center;
    font-size:30px;
    font-weight:600;
    color:rgba(26,26,26,1);
    line-height:42px;
    padding: 30px 0;
}
.login-copyright{
    font-size:12px;
    font-weight:400;
    color:#666;
    text-align: center;
    padding: 30px 0;
    position: absolute;bottom: 0;display: block;width: 100%;left: 0;
}
.login-input-row{
    position: relative;
    margin-top: 30px;
}
.login-input-row input{border: 0;background: none;box-shadow: none;width:100%;vertical-align: top;line-height: 48px;height: 48px;border-bottom:1px rgba(153,153,153,1) solid;padding-left:100px;}
.login-input-row i{padding: 0 5px;font-weight: 600;}
.login-input-row label{position: absolute;line-height: 48px;height: 48px;top: 0;left: 0;}
.login-input-row input:focus{border-bottom:2px #1A1A1A solid;}
.login-btn{
    margin: 50px 0 10px;
    width:100%;
    height:48px;
    background:rgba(26,26,26,1);
    border-radius:2px;border: 0;color: #FFE127;
}

/* forget */
.forget-page{
    background:#fff;
    min-height: 100%;
}
.login-error{font-size: 12px;color: #F9403A;text-align: right;padding: 10px 0;position: absolute;width: 100%;right: 30px;}
.icon-error{background: url(../images/error.png) no-repeat;width: 15px;height: 15px;vertical-align: middle;display: inline-block;}
/* .forget-box{} */
.forget-logo,.forget-logo img{height: 60px;}
.forget-top{padding:15px 30px;background: #fff;box-shadow: 0 5px 10px rgba(0,0,0,0.05)}
.go-back{line-height: 60px;color: #999;}
.forget-hd{height:60px;text-align: center;font-size: 24px;line-height: 60px;display: inline-block;margin-left: 20px;}
.forget-step{padding: 40px 0 0;width: 600px;margin: auto;}
.forget-step .el-step__icon-inner{color: #999;font-size: 20px;}
.forget-step .el-step__icon.is-text{width:40px;height:40px;background:#e5e5e5;text-align: center;line-height: 40px;border: 0;}
.forget-step .el-step.is-horizontal .el-step__line{top: 19px;}
.forget-step .el-step__title.is-wait{color: #999;font-size: 12px;}
.forget-step .el-step__title.is-wait{color: #999;font-size: 12px;font-weight: bold;}
.forget-step .el-step__title.is-success{font-size: 12px;color: #1A1A1A;font-weight: bold;}
.forget-step .el-step__head.is-success .el-step__icon.is-text{background:#fff!important; }
.forget-step .el-step__head.is-success .el-step__icon-inner{color: #1A1A1A;}
.forget-step .el-step__head.is-success .el-step__line{background-color:#fff!important;}
.forget-step .is-process .el-step__icon.is-text{background:#fff!important;}
.forget-step .is-process .el-step__icon-inner{color: #1A1A1A;}
.forget-step .el-step__title.is-process{color: #1A1A1A;font-size: 12px;}
.forget-form{width: 400px;margin: auto;position: relative;padding: 0 30px;}
.forget-form .num-code-input{margin-top: 40px;}
.num-code-input{position: relative;}
.num-code-input input{border: 0;background: none;box-shadow: none;width:100%;vertical-align: top;line-height: 48px;height: 48px;border-bottom:1px rgba(153,153,153,1) solid;}
.num-code-input input:focus{border-bottom:2px #1A1A1A solid;}
.num-code-input .num-code{position: absolute;right: 0;bottom: 2px;}
.num-code-input .num-code img{vertical-align: top;}
.choose-code{background: #fff;box-shadow: 0 3px 5px #ccc;border-radius: 5px;}
.country-code-btn{background: none;border: 0;padding: 0;}
.sent-code-msg{float:right;margin-top: 5px;}
.msg-code-input{margin-top: 40px;}
.msg-code-input input{float: left;width: 220px;border: 0;background: none;vertical-align: top;line-height: 48px;height: 48px;border-bottom: 1px rgba(153,153,153,1) solid;}
.btn-g .el-button{width: 162px;margin-top: 50px;}
.btn-g .el-button:last-child{float: right;}
.sent-tips{color: #666;font-size: 12px;padding: 10px 0;}
.sent-tips b{color: #7AC23D;}
.sent-code-msg .el-button--success.is-disabled{background: #E5E5E5;}
.sent-code-msg .el-button--success.is-disabled span{color: #999999;}
.change-password-done{background: #1A1A1A;color: #FFE127;text-align: center;line-height: 40px;width: 40px;height: 40px;border-radius: 50%;margin: auto;}
.change-password-done i{vertical-align: top;font-size: 24px;}
.forget-deal{text-align: center;color: #1A1A1A;font-size: 14px;}
.forget-deal p{padding: 10px 0;}
.forget-deal small{color: #999;font-size: 12px;}

/* header */
.el-header{background: #1A1A1A;}
.el-header .logo{float: left;padding-top: 9px;}
.top-user-tools .logout-btn{color: #f5f5f5;display: inline-block;margin-right: 30px;cursor: pointer;}
.top-user-tools .logout-btn i{font-size: 20px;}
.user-details-reset{display:inline-block;line-height: 40px;padding: 0 9px 0 24px;border-left: 1px solid #404040;position: relative;}
.user-details-reset .dropdown{padding: 10px 0;}
.user-details-reset .el-dropdown-link{color: #f5f5f5;}
.user-details-reset .user-others{width: 160px;border-radius: 0 0 2px 2px;background: #fff;position: absolute;top: 60px;left: 0;box-shadow: 0 3px 5px #ccc;z-index: 9;overflow: hidden;}
.user-details-reset .user-others li a{line-height: 34px;height: 34px;padding: 0 15px;font-size: 12px;display: block;cursor: pointer;}
.user-details-reset .user-others li a:hover{background: #FFE127;}
.user-details-reset .avatar{border-radius: 50%;width: 40px;height: 40px;display: inline-block;overflow: hidden;vertical-align: top;margin-right: 10px;}
.top-user-tools .logout-btn{vertical-align: middle;}
.top-menu{float: left;margin-left: 100px;}
.top-menu .el-menu-item.is-active,.top-menu .el-menu-item.is-active:hover{background: #FFE127 !important;border-bottom: 2px solid #FFE127 !important;color: #1A1A1A !important;}
.top-menu .el-menu-item:hover{background: #333 !important;border-bottom: 2px solid #333 !important;color: #f5f5f5 !important;}
.top-menu .el-menu.el-menu--horizontal{border-bottom: 0;}
.left-silder{background: #333;height: 100%;}
.sideMenu .item-title{color: #999999;border-bottom: 1px solid #1A1A1A;height: 72px;line-height: 72px;padding: 0 30px;font-size: 14px;}
.sideMenu ul li a{position: relative;padding-left: 30px;display: block;height: 48px;line-height: 48px;color: #f5f5f5;font-size: 14px;}
.sideMenu ul li.active a{background: #F5F5F5;color: #1A1A1A;}
.sideMenu ul li.active a::before{content: '';width: 4px;height: 24px;background: #1A1A1A;position: absolute;top: 13px;left: 0;}
.sideMenu ul li a:hover{background: #1A1A1A;}
.sideMenu ul li.active a:hover{background: #F5F5F5;}

.tob-bar{padding:0 0 20px 0;}
.tob-bar .el-breadcrumb__inner{font-size: 12px;}
.table-tools{padding: 30px 0;;}
.pagination .el-pager li.number,.pagination .el-pagination .btn-next,.pagination .el-pagination .btn-prev{background:rgba(245,245,245,1);border-radius:2px;margin: 0 3px;font-weight: normal;color: #666;}
.pagination .el-pagination button:disabled{color: #ccc;}
.pagination .el-pager li.number.active{background:#FFE127;color: #1A1A1A;}
.table-serch-bar{border-bottom: 1px solid #e5e5e5;margin-bottom: 20px;}
.table-serch-bar .el-form--inline .el-form-item{margin-bottom: 15px;}
.my-table thead th{background: #f5f5f5;color: #1A1A1A;font-weight: bold;}

/* 公用tab */
.custom-tab .el-tabs__active-bar{background-color:#FFE127;}
.custom-tab .el-tabs__nav-wrap::after{height: 1px;background: #E5E5E5;}

/* 公共表单 */
.customform .el-form-item__content .el-input{width: 280px !important;}
.customform .el-form-item__content .input-select .el-input.el-input--suffix{width: 140px !important;}
/* .customform .pay-back-input .el-form-item__content .el-input{width: 138px !important;} */
.customform .el-form-item__content .address-info-input{width: 420px !important;}

/* .customform .el-form-item__content .el-input.js-input{width: 120px !important;} */


/* 城市选择 */
.city-select .el-select .el-input{width: 138px !important;}
.customform .el-form-item__content .num-input-groud{width: 134px !important;}

/* 弹窗 */
.custom-message{background: #8FCCC4;color: #fff;border: 0;}
.custom-modal{padding-bottom: 0;}
.custom-modal .el-message-box__header{background: #F5F5F5;height: 48px;position: relative;padding: 0;}
.custom-modal .el-message-box__title{float: left;font-size: 14px;line-height: 48px;padding-left: 15px;}
.custom-modal .el-message-box__content{padding: 40px 20px;border-bottom: 1px solid #E5E5E5;}
.custom-modal .el-message-box__btns{padding: 20px;}
.custom-modal .el-message-box__btns button{min-width: 150px;height: 40px;}

/* 公用popover */
.custom-popover{background: #FF8B2B;color: #fff;font-size: 12px;padding: 5px;text-align: center;}
.custom-popover.el-popper .popper__arrow::after{border-top-color: #FF8B2B;color: #fff;}

.customform .el-form-item__content .el-input.long-input{width: 695px !important;}


/* 自定义CheckBox */
.check-btn-groud label{margin-right: 20px;}
.check-btn-groud .el-checkbox-button__inner{border-radius: 2px !important;border: 1px solid #666 !important;}
.check-btn-groud .el-checkbox-button.is-checked .el-checkbox-button__inner{background: #FFE127 !important;color: #1A1A1A !important;border: 1px solid #FFE127 !important;box-shadow: none;}


/* 编辑其他险种 */
.other-insurance-item{border-radius:6px;border:1px solid rgba(229,229,229,1);padding: 25px 30px;}
.other-insurance-item .el-radio__input{display: none;}
.other-insurance-item .el-radio__label{padding-left: 3px;}
.other-insurance-item .el-radio--small.is-bordered{border-radius: 16px;background: #e5e5e5;margin-right: 0;margin-left: 15px;border: 0;}
.other-insurance-item .el-radio--small.is-bordered.is-checked{background: #FFE127;}

.other-insurance-item .fl{line-height: 30px;padding: 17px 0;}
.other-insurance-item .fr button{margin-bottom: 5px;border-color: #666;}
.other-insurance-item .fr button.text-danger{border-color: #F9403A;}


/* 公用tag */
.custom-tag{width: 100px;text-align: left;height: 40px;line-height: 40px;margin-right: 10px;}
.custom-tag .el-icon-close{font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;float: right;margin-top: 12px;}
.custom-tag .el-icon-close::before{content: "\E626";}

.custom-date-picker{width: 280px !important;}
.custom-date-picker.el-date-editor .el-range-separator{width: 30px;}

.inputclose{line-height: 40px;border-radius: 50%;color: #999;}
.inputclose:hover{background: #1A1A1A;color: #F5F5F5;cursor: pointer;}

.ql-container {min-height: 20rem;}
.com-title{margin-bottom: 15px;}

/* custom-dialog */
.custom-dialog .el-dialog{border-radius: 6px;}
.custom-dialog .el-dialog__header{background: #f5f5f5;line-height: 48px;padding: 0 15px;border-radius: 6px 6px 0 0;text-align: left;}
.custom-dialog .el-dialog__header span{font-size: 14px;color: #1A1A1A;}
.custom-dialog .el-dialog__header .el-dialog__headerbtn{top: 16px;}
.custom-dialog .el-dialog--center .el-dialog__footer{padding-top: 20px;border-top: 1px solid #e5e5e5;}

/* 上传头像 */
.user-file-image{padding: 20px 0;text-align: center;}
.user-file-image .el-image{cursor: pointer;}
.upload-img-btn{font-size: 18px;font-weight: bold;display: inline-block;}
.user-img-upload{text-align: center;}
.avatar-uploader .el-upload {
    cursor: pointer;
    position: relative;
    overflow: hidden;margin: auto;background: #eee;
    width: 220px;
    height: 220px;font-size: 12px;color: #999;
}
.avatar-uploader .el-upload:hover {
    border-color: #409EFF;
}
.avatar-uploader-icon {
    font-size: 20px;text-align: center;line-height: 24px;margin-top: 70px;margin-bottom: 10px;
    color: #8c939d;
    text-align: center;background: #FFE127;color: #fff;width: 24px;height: 24px;
}

.user-title{font-size: 16px;margin: 30px 0;color: #666;}
.user-title2{border-bottom: 1px solid #e5e5e5;font-size: 16px;margin: 30px 0;color: #666;}
.user-title2 span{border-bottom: 2px solid #1A1A1A;padding: 10px 0;display: inline-block;}

.role-box .role-search-box{margin: 20px 0;width: 240px;}
.role-box .el-tree-node__content{height: 36px;}

.role-user{display: flex;}
.role-user .user-info{text-align: left;padding: 15px 0 0 10px;}
.role-user .user-info h1{font-size: 18px;font-weight: bold;}
.role-user .user-info p{background: #FFE127;padding:2px 5px;font-size: 12px;border-radius: 2px;display: inline-block;}

.border-danger-btn{border: 1px solid #F9403A;color: #F9403A;background: none;}

.role-main{padding: 30px 0;}
.role-block{border: 1px solid #E5E5E5;border-radius: 6px;position: relative;padding: 30px 20px;float: left;min-width: 280px;margin-right:50px;}
.role-block .role-title{position: absolute;left: 20px;top: -10px;background: #fff;padding: 0 5px;}

.error-page{text-align: center;padding: 30px 0;}

.product-value{
    margin:2px 5px 2px 0;background: #fff;height: 40px;line-height: 40px;vertical-align: top;
}
.button-new-tag {
    vertical-align: top;
    height: 40px;
    line-height: 40px;
    padding-top: 0;border-radius: 4px;
    padding-bottom: 0;
    margin: 2px 0;
}
.input-new-tag {
    width: 160px;
    height: 40px;line-height: 40px;
    border-radius: 4px;
    vertical-align: bottom;
}

/* 账号设置 */
.ucenterPage{
    background:rgba(255,255,255,1);
    box-shadow:0px 4px 8px 0px rgba(0,0,0,0.05);
    border-radius:6px;padding:15px 30px;max-width: 1200px;margin: auto;
}
.uc-title{font-size: 20px;color: #1A1A1A;text-align: center;padding: 30px 0;}
.collapse-main{padding: 30px 0 0;}
.collapse-main .el-input{width: 300px;}
.help-text{color: #666;}
.custom-collapse .el-collapse-item__header{border-bottom: 1px solid #e5e5e5;height: 64px;line-height: 64px;}
.collapse-title{width: 100%;height: 64px;line-height: 64px;overflow: hidden;}
.collapse-title b{color: #1A1A1A;width: 150px;display: inline-block;vertical-align: top;}
.collapse-title .collapse-title-r{display: inline-block;vertical-align: top;color: #1A1A1A;}
/* .ucenterPage .el-form-item{margin-bottom: 10px;} */
.ucenterPage .user-tr-image{width: 50px;height: 50px;border-radius: 50%;overflow: hidden;margin-top: 7px;}
.ucenter-upload-img-btn{background: #f5f5f5;border: 0;color: #1A1A1A;vertical-align: top;margin-top: 45px;margin-left: 10px;font-weight: bold;}
.ucenterPage .el-collapse-item.is-disabled .el-collapse-item__arrow{display: none;}
.ucenterPage .el-collapse-item.is-disabled .el-collapse-item__header{cursor: inherit;}
.ucenterPage .el-collapse-item.is-active .collapse-title-r{display: none;}

/* 首页 */
.indexPage{max-width: 1200px;margin: auto;}
.index-user-box{
    background:rgba(255,255,255,1);
    box-shadow:0px 4px 8px 0px rgba(0,0,0,0.05);
    border-radius:6px;padding:15px 30px;margin: auto;
}
.total-item{font-size: 14px;display: inline-block;min-width: 200px;margin-top: 20px;}
.total-item .total-num{font-size: 40px;padding-left: 30px;padding-top: 10px;}
.icon1 .icon-bg{background: #ffe85d;box-shadow: 0 5px 10px rgba(255,233,93,0.3);width: 24px;height: 24px;border-radius: 50%;text-align: center;line-height: 24px;color: #fc500c;display: inline-block;margin-right: 6px;}
.icon2 .icon-bg{background: #ffb496;box-shadow: 0 5px 10px rgba(255,180,150,0.3);width: 24px;height: 24px;border-radius: 50%;text-align: center;line-height: 24px;color: #fc500c;display: inline-block;margin-right: 6px;}

.total-list{margin-top: 20px;margin-bottom: 20px;}
.total-list-item{background:rgba(255,255,255,1);box-shadow:0px 4px 8px 0px rgba(0,0,0,0.05);border-radius:6px;padding:15px 30px;margin: auto;}
.total-list-item{display: flex;}
.total-list-item .total-list-num{flex: inherit;margin-left: 60px;}
.total-list-item .total-list-num .total-num{font-size: 30px;margin-bottom: 5px;margin-top: 5px;}
.total-list-item .total-list-num p{color: #666;font-size: 14px;}
.total-list .icon-bg{width: 70px;height: 70px;border-radius: 50%;text-align: center;line-height: 70px;color: #fff;}
.total-list .icon-bg i{font-size: 40px;}
.total-list .icon3{background: #f5a623;}
.total-list .icon4{background: #ffe22f;}
.total-list .icon5{background: #ff8b2b;}
.total-list .icon6{background: #8fccc4;}

.echar-box{background:rgba(255,255,255,1);box-shadow:0px 4px 8px 0px rgba(0,0,0,0.05);border-radius:6px;padding:15px;margin: auto;}
.echar-box .user-title2{margin: 0;}
.chart-box{float: left;}


@media (max-width: 1500px) {
.customform .el-form-item__content .el-input{width: 200px !important;}
.customform .el-form-item__content .el-input.long-input {
    width: 535px !important;
}
.customform .el-form-item__content .num-input-groud {
    width: 94px !important;
}
}
@media (max-width: 1280px) {
    .login-page .wrapper{width: 80%;}
    .login-page .login-img img{width: 85%;}
    .login-logo{padding: 15px 0;}
    .login-form{width: 100%;height: 380px;}
    .login-form h1{padding: 0;}
}
